<div class="bg-light p-3 mb-3 rounded">
  <h2 class="text-uppercase mb-3 mt-0 text-slab">
    Sports
  </h2>
  <div class="row" data-toggle="magnific-popup" data-magnific-popup-settings='{"delegate":"a", "gallery":{"enabled":true}}'>
    
    <!-- Photo 144-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.1">
      <a href="https://unsplash.it/1096/616?image=144">
        <img src="https://unsplash.it/400/300?image=144" class="img-fluid" alt="Photo 145" />
      </a>
    </div>
    
    <!-- Photo 145-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.2">
      <a href="https://unsplash.it/1025/681?image=145">
        <img src="https://unsplash.it/400/300?image=145" class="img-fluid" alt="Photo 146" />
      </a>
    </div>
    
    <!-- Photo 146-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.3">
      <a href="https://unsplash.it/1152/768?image=146">
        <img src="https://unsplash.it/400/300?image=146" class="img-fluid" alt="Photo 147" />
      </a>
    </div>
    
    <!-- Photo 147-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.4">
      <a href="https://unsplash.it/1137/1137?image=147">
        <img src="https://unsplash.it/400/300?image=147" class="img-fluid" alt="Photo 148" />
      </a>
    </div>
    
    <!-- Photo 149-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.5">
      <a href="https://unsplash.it/1131/749?image=149">
        <img src="https://unsplash.it/400/300?image=149" class="img-fluid" alt="Photo 150" />
      </a>
    </div>
    
    <!-- Photo 151-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.6">
      <a href="https://unsplash.it/1122/842?image=151">
        <img src="https://unsplash.it/400/300?image=151" class="img-fluid" alt="Photo 152" />
      </a>
    </div>
    
    <!-- Photo 152-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.7">
      <a href="https://unsplash.it/1145/763?image=152">
        <img src="https://unsplash.it/400/300?image=152" class="img-fluid" alt="Photo 153" />
      </a>
    </div>
    
    <!-- Photo 153-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.8">
      <a href="https://unsplash.it/1029/682?image=153">
        <img src="https://unsplash.it/400/300?image=153" class="img-fluid" alt="Photo 154" />
      </a>
    </div>
    
    <!-- Photo 154-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.9">
      <a href="https://unsplash.it/1185/790?image=154">
        <img src="https://unsplash.it/400/300?image=154" class="img-fluid" alt="Photo 155" />
      </a>
    </div>
    
    <!-- Photo 155-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="1">
      <a href="https://unsplash.it/1173/782?image=155">
        <img src="https://unsplash.it/400/300?image=155" class="img-fluid" alt="Photo 156" />
      </a>
    </div>
    
    <!-- Photo 156-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="1.1">
      <a href="https://unsplash.it/904/1356?image=156">
        <img src="https://unsplash.it/400/300?image=156" class="img-fluid" alt="Photo 157" />
      </a>
    </div>
    
    <!-- Photo 157-->
    <div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="1.2">
      <a href="https://unsplash.it/1174/919?image=157">
        <img src="https://unsplash.it/400/300?image=157" class="img-fluid" alt="Photo 158" />
      </a>
    </div>
  </div>
</div>